#noCompile

doctype 5
html lang: "zh-CN", ->
	head ->		
		title @title
		meta charset: "utf-8"
		meta name: "viewport", content: "width=device-width, initial-scale=1.0"
		meta name: "author", content: "lkytal"
		meta name: "renderer", content: "webkit"
		link rel: "shortcut icon", href: "/favicon.ico"
		link href: "//libs.baidu.com/bootstrap/3.2.0/css/bootstrap.min.css", rel: "stylesheet"		
		#link href: "/css/flat-ui.min.css", rel: "stylesheet"
		
		ie "lte IE 7", ->
			link rel: "stylesheet", type: "text/css", href: "/css/ie7.css"
		ie "lte IE 6", ->
			link rel: "stylesheet", type: "text/css", href: "/css/ie6.min.css"
		ie "lt IE 9", ->
			script src: "//cdn.bootcss.com/html5shiv/r29/html5.js"
			script src: "//cdn.bootcss.com/respond.js/1.4.2/respond.js"
			script src: "//cdn.bootcss.com/selectivizr/1.0.2/selectivizr-min.js"
			
		link href: "/css/style.css", rel: "stylesheet"
		style """
			.center {
				text-align: center;
			}
			.container {
				padding: 30px 30px;
				width: 40%;
				margin: auto;
				border: 1px solid #b3b3b3;
				border-radius: 4px;
				margin: auto auto;
				box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;
				background: #fcfcfc;
				box-sizing: border-box;
			}
			.btn {
				color: #737373;
				border: solid 2px #737373;
				border-radius: 7px;
				padding: 11px 28px;
				text-decoration: none;
			}
			"""
	body ->
		div ".container", ->
			p ".center", ->
				a ".btn", href: "/blog", "Goto blog"
						
		script src: "//libs.baidu.com/jquery/1.9.0/jquery.min.js"
		#script src: "http://libs.baidu.com/bootstrap/3.2.0/js/bootstrap.min.js"
		script src: "/js/application.js"
		ie "lt IE 8", ->
			script src: "/js/icon-font-ie7.js"
		ie "lte IE 6", ->
			script src: "/js/bootstrap-ie6.js"
		